<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 1. 引入 vue3 源代码 -->
  <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
  <!-- 2. 准备容器 -->
  <div id="app">
    <!-- 4. 渲染数据 -->
    {{ msg }}
  </div>
  <script>
    // 3. 创建 vue3 应用并提供数据
    // console.log(Vue)
    Vue.createApp({
      // vue3代码的入口函数
      setup () {
        const msg = 'Hello World'
        // setup 中不会用到 this，不用去关注这一点
        // console.log(this)
        return {
          msg
        }
      }
    }).mount('#app')// 把内容渲染到 id=app 的盒子里
  </script>
</body>

</html>